<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
.box_green{
    width:300px;
    height:320px;
    background: #1fa282;
    border: 50px solid #1c54b1;
    padding-left: 100px;
    padding-top: 80px;
}
.box_yellow{
    width: 100px;
    height: 100px;
    background: #e8ed79;
    border: 50px solid #a5934b;
    border-top-width: 70px;
    border-bottom-width: 70px;
}
</style>
 
</head>
<body>
   <div class="box_green">
   <div class="box_yellow"></div>
   </div>
</body>
</html>